:global {
  .header-box {
    position: relative;
    background: #fff;
    padding: 0;
    //box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
    z-index: 99;
    height: 50px;
    line-height: 50px;
    .header {
      display: flex;
      height: 50px;
      justify-content: flex-end;
      border-bottom: 1px solid #e5e5e5;
    }
  }
}

.hd-right {
  display: flex;
  align-items: center;
}

.hd-item {
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.big-icon {
  margin-right: 10px;
  font-size: 20px;
  cursor: pointer;
}
.user-info-box {
  display: flex;
}

.user-name {
  display: flex;
  align-items: center;
  cursor: pointer;
  > span {
    margin-right: 10px;
  }
}

.out-btns {
  text-align: center;
}
